<template>
  <Grid class="grid">
    <template v-for="item in GridList">
      <GridItem :defaultcolor="GridDefaultColor" :ItemData="item" :key="item.path" />
    </template>
  </Grid>
</template>

<script>
import {mapGetters} from 'vuex'
import Grid from './components/Grid.vue'
import GridItem from './components/GridItem.vue'

export default {
  name:'GridUse',
  computed:{
    ...mapGetters([
      'GridList',
      'GridDefaultColor'
    ])
  },
  components:{
    Grid,
    GridItem
  }
}
</script>

<style scoped lang="scss">

  .grid{
    width: 90%;
    margin: 0 auto;
    color: $primary;
  }
</style>